iT邦幫忙

2024 iThome 鐵人賽

DAY 1
0
佛心分享-SideProject30

用React Native打造找餐店APP系列 第 1

[Day1] 從零開始入門RN 從建立開發環境開始!

  • 分享至 

  • xImage
  •  

關於我

哈囉!我是一名菜鳥前端攻城濕。

介紹開發環境:安裝 VSCode

在這個系列文章中,我將分享如何使用 React Native 開發一個「找」餐店的 APP。首先,我們需要搭建開發環境,並安裝一個好用的編輯器——Visual Studio Code (VSCode)。

安裝 VSCode

前往 VSCode 官方網站,下載並安裝適合您操作系統的版本。

安裝完成後,打開編輯器
VSCode 安裝完成畫面

安裝 Java 環境

React Native 開發需要 Java 開發工具包 (JDK)。以下是安裝步驟:

  1. 前往 Oracle 官方網站,下載並安裝最新版本的 JDK。
  2. 安裝完成後,配置環境變數。在系統環境變數中新增 JAVA_HOME 變數,路徑設置為 JDK 的安裝目錄。

安裝 Android Studio

為了模擬和測試 Android 應用,我們需要安裝 Android Studio。

  1. 前往 Android Studio 官方網站,下載並安裝適合您操作系統的版本。
  2. 在安裝過程中,選擇安裝 Android SDK、Android SDK Platform-Tools 以及 Android Virtual Device (AVD)。
  3. 安裝完成後,打開 Android Studio,依照指示進行初始配置。

開發 APP 的緣由

因公司有跨平台 APP 技術評估,了解到 React Native 可以用來開發跨平台的 APP,所以決定利用這個機會來學習並實踐。

這個專案的目的是:

  1. 練習 React 的基礎知識,補強 JS ES6 基礎。
  2. 體驗 React Native 的開發流程,熟悉其語法和特性。
  3. 實現一個實用的「找」餐店 APP,方便自己和他人使用。

未來幾天,我將會分享從設計、開發過程的全過程,請大家多多指教!

參考資料



下一篇
[Day 2] 專案發想與介紹
系列文
用React Native打造找餐店APP30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言